<section id="area_nav-box">
    <ul id="area_nav" class="flex-box">
        <!-- 国内 -->
        <li id="country-in-box" class="label flex-item-1 text-center">
            <h3 class="title">国内 <i class="arrow down"></i> </h3>
            <ul id="country-in" class="fn-clear">
                <% _.each(obj['100'], function(item){ %>
                <li class="area"><%= item %></li>
                <% });%>
            </ul>
        </li>

        <!-- 国外 -->
        <li id="country-out-box" class="label flex-item-1 text-center">
            <h3 class="title">国外 <i class="arrow down"></i> </h3>
            <ul id="country-out" class="fn-clear">
                <% _.each(obj['200'], function(item){ %>
                <li class="area"><%= item %></li>
                <% });%>
            </ul>
        </li>

        <!-- 主题游记 -->
        <li id="theme-box" class="label flex-item-1 text-center">
            <h3 class="title">主题 <i class="arrow down"></i> </h3>
            <ul id="theme" class="fn-clear">
                <% _.each(obj['900'], function(item){ %>
                <li class="area"><%= item %></li>
                <% });%>
            </ul>
        </li>
    </ul>
</section>
